<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Appointment Scheduling Software | Visibook</title>
    <!-- Bootstrap core CSS -->
    <!--https://visibook.com/-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <!--<link rel="stylesheet" href="css/bootstrap.min.css">-->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/faq.css">
</head>
<body>
<div class="jumbotron">
    <div class="container">
        <h1 class="display-4"><a href="index.html"><img src="images/logo-reversed%20v4.png" alt=""></a></h1>
        <p class="lead color-fff">Advice and answers from the Visibook Team</p>
        <hr class="my-4">
        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <span class="input-group-text" id="basic-addon1 "><img src="images/ss.png" alt=""></span>
            </div>
            <input type="text" class="form-control" placeholder="Search for answers..." aria-label="Username"
                   aria-describedby="basic-addon1">
        </div>
    </div>
</div>
<section>
    <div class="container">
        <a href="" class="g__space row">
            <div class="col-1">
                <img class="fa_img" src="images/fa1.jpg" alt="">
            </div>
            <div class="col-11">
                <h2>Getting started with Visibook</h2>
                <p>Key things you need to know to use Visibook</p>
                <div class="row">
                    <div class="fl"><img class="far" src="images/far.jpg" alt=""></div>
                    <div class="fl">
                        <span>1 article in this collection</span>
                        <br>
                        <span> Written by Brian Choe</span>
                    </div>
                </div>
            </div>
        </a>
        <a href="" class="g__space row">
            <div class="col-1">
                <img class="fa_img" src="images/fa2.jpg" alt="">
            </div>
            <div class="col-11">
                <h2>Customers can book appointments with ease</h2>
                <p>How customers book their own appointments using Visibook and what they can expect</p>
                <div class="row">
                    <div class="fl"><img class="far" src="images/far.jpg" alt=""></div>
                    <div class="fl">
                        <span>2 articles in this collection</span>
                        <br>
                        <span>Written by Brian Choe</span>
                    </div>
                </div>
            </div>
        </a>
        <a href="" class="g__space row">
            <div class="col-1">
                <img class="fa_img" src="images/fa3.jpg" alt="">
            </div>
            <div class="col-11">
                <h2>Appointment reminders</h2>
                <p>Appointment reminders and how they work</p>
                <div class="row">
                    <div class="fl"><img class="far" src="images/far.jpg" alt=""></div>
                    <div class="fl">
                        <span>1 article in this collection</span>
                        <br>
                        <span>   Written by Brian Choe</span>
                    </div>
                </div>
            </div>
        </a>
        <a href="" class="g__space row">
            <div class="col-1">
                <img class="fa_img" src="images/fa4.jpg" alt="">
            </div>
            <div class="col-11">
                <h2>Google Calendar Sync</h2>
                <p>How to set up and use Google calendar sync</p>
                <div class="row">
                    <div class="fl"><img class="far" src="images/far.jpg" alt=""></div>
                    <div class="fl">
                        <span>1 article in this collection</span>
                        <br>
                        <span>  Written by Brian Choe</span>
                    </div>
                </div>
            </div>
        </a>
        <a href="" class="g__space row">
            <div class="col-1">
                <img class="fa_img" src="images/fa5.jpg" alt="">
            </div>
            <div class="col-11">
                <h2>Payment Processing</h2>
                <p>How to set up and use integrated payment processing in Visibook</p>
                <div class="row">
                    <div class="fl"><img class="far" src="images/far.jpg" alt=""></div>
                    <div class="fl">
                        <span> 1 article in this collection</span>
                        <br>
                        <span> Written by Brian Choe</span>
                    </div>
                </div>
            </div>
        </a>
    </div>
</section>

<footer>
    <img src="images/logo-reversed%20v4.png" alt="">
    <p><a href="">We run on Intercom</a></p>
</footer>
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
</html>
